<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>消息中心</title>
    <link rel="stylesheet" href="/addons/jquery-weui-build/css/weui.min.css">
    <link rel="stylesheet" href="/addons/jquery-weui-build/css/jquery-weui.css">
    <link rel="stylesheet" href="/css/system/main.css?v=2018050801">
</head>
<body ontouchstart>
<div class="mess-center">
    <div class="header-bk">
        <img class="con-head" @if(empty($user->logo)) src="../../images/system/ps1.png" @else src="{{url($user->logo)}}" @endif>
        <p class="p-center">通知中心</p>
    </div>
    <div class="min-con">
        <div class="input-form"><input type="text" placeholder="" value=""><i class="weui-icon-search"></i></div>
        <ul>
            @if(!empty($message))
                @foreach($message as $m)
            @if($m->category == '2')
                <li>
                    <img class="pull-left" src="../../images/system/punish.png">
                    <a href="javascript:void(0)">
                        <div class="sec-block">
                            <div class="up">
                                <h3>惩罚通知<p class="p-time">{{$m->created_at->format('Y-m-d')}}</p></h3>
                            </div>
                            <div class="down">
                                <p>{{$m->content}}</p>
                                <span></span>
                            </div>
                        </div>
                    </a>
                </li>
                @else
                <li>
                    <img class="pull-left" src="../../images/system/reward.png">
                    <a href="javascript:void(0)">
                        <div class="sec-block">
                            <div class="up">
                                <h3>奖励通知<p class="p-time">{{$m->created_at->format('Y-m-d')}}</p></h3>
                            </div>
                            <div class="down">
                                <p>{{$m->content}}</p>
                                <span class="active"></span>
                            </div>
                        </div>
                    </a>
                </li>
                @endif
                @endforeach
                @endif
                {{--<li>
                    <img class="pull-left" src="../../images/system/reward.png">
                    <a href="javascript:void(0)">
                        <div class="sec-block">
                            <div class="up">
                                <h3>奖励通知<p class="p-time">2018-11-22</p></h3>
                            </div>
                            <div class="down">
                                <p>ffffffffffff</p>
                                <p>fddddddfffff</p>
                                <span class="active"></span>
                            </div>
                        </div>
                    </a>
                </li>--}}
        </ul>
    </div>
</div>
<div class="show-hidden">
    <ul>
        <li><a href="{{url('/user/performance/detail')}}"><img src="../../images/system/user.png">我的考评</a></li>
        <li><a href="{{url('/user/performance/index')}}"><img src="../../images/system/all.png">全员考评</a></li>
        <li><a href="{{url('/user/performance/month')}}"><img src="../../images/system/message.png">月度意见</a></li>
    </ul>
</div>
<div class="reful-tabbar">
    <a href="javascript:void(0)" class="find-link tabbar-item ">
        <div class="img-div">
        </div>
        <p class="tabbar-label">考评</p>
    </a>
    <a href="{{url('/user/message')}}" class="message-center tabbar-item active">
        <div class="img-div">
        </div>
        <p class="tabbar-label">消息中心</p>
    </a>
    <a href="{{url('/user/reward')}}" class="reward-punishment tabbar-item">
        <div class="img-div">
        </div>
        <p class="tabbar-label">奖励惩罚</p>
    </a>
    <a href="{{url('/user/setting')}}" class="set-up tabbar-item ">
        <div class="img-div">
        </div>
        <p class="tabbar-label">设置</p>
    </a>
</div>


<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/addons/jquery-weui-build/js/fastclick.js"></script>
<script>
    $(function() {
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
        FastClick.attach(document.body);
    });
</script>
<script src="/addons/jquery-weui-build/js/jquery-weui.min.js"></script>
<script>
    $(document).ready(function () {
        $('.find-link').click(function () {
            $('.show-hidden').toggle();
        });
    });

</script>
</body>
</html>